<!--
 * @Author: 李明明
 * @Date: 2020-09-29 10:52:55
 * @LastEditTime: 2022-04-29 16:25:21
 * @LastEditors: 李明明
 * @Description: 亚利聊政采
 * @FilePath: /官网pc端/web/html/fragment/home-inc/yllzc.htm
 * @代码版权方：'政府采购信息网'
-->

<body>
  <div id="yllzc" class="course">
    <audio id="audio" src=""></audio>
    <div class="title">
      <h2 class="title_txt"><a href="###" title="亚利聊政采">亚利聊政采</a></h2>
      <a class="more" href="###">更多></a>
    </div>
    <div class="info">
      <div class="info_left">
        <a href="###" target="_blank" class="name" title="刘亚利">刘亚利</a>
        <a href="###" target="_blank" class="job" title="刘亚利">政府采购信息报创办社长</a>
        <a href="###" target="_blank" class="minute" title="刘亚利">
          亚利聊政采 ]是政府采购领域第一款只是分享类音频栏目
        </a>
      </div>
      <a href="###" target="_blank" class="img_right">
        <img src="/web/img/pic.png" alt="">
      </a>
      <ul>
        <li data="/web/audio/267.mp3">
          <h3><a href="###" class="list_title" title="244期:质保期越长越好吗?">244期:质保期越长越好吗?</a></h3>
          <div class="list_info">
            <div class="rate"></div>
            <div class="info_right">
              <span class="time">2020-07-12</span>
              <div class="handle">
                <i class="iconfont icon-laba"></i>
                <img src="/web/img/bofang.gif" alt="">
              </div>
            </div>
            <div class="clear"></div>
          </div>
        </li>
        <li data="/web/audio/268.mp3">
          <h3><a href="###" class="list_title">244期:质保期越长越好吗?</a></h3>
          <div class="list_info">
            <div class="rate"></div>
            <div class="info_right">
              <span class="time">2020-07-12</span>
              <div class="handle">
                <i class="iconfont icon-laba"></i>
                <img src="/web/img/bofang.gif" alt="">
              </div>
            </div>
            <div class="clear"></div>
          </div>
        </li>
        <li data="/web/audio/269.mp3">
          <h3><a href="###" class="list_title">244期:质保期越长越好吗?</a></h3>
          <div class="list_info">
            <div class="rate"></div>
            <div class="info_right">
              <span class="time">2020-07-12</span>
              <div class="handle">
                <i class="iconfont icon-laba"></i>
                <img src="/web/img/bofang.gif" alt="">
              </div>
            </div>
            <div class="clear"></div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</body>
<script>
  $('.handle').click(function () {
    var audioEle = document.getElementById("audio");
    if ($('#audio').attr('src') == $(this).parents('li').attr('data')) {
      if (audioEle.paused) { /*如果已经暂停*/
        audioEle.play();   //播放
        $(this).find('img').attr('src','/web/img/bofang.gif');
      } else {
        audioEle.pause();  //暂停
        $(this).find('img').attr('src','/web/img/zanting.png');
      }
    } else {
      audioEle.src = $(this).parents('li').attr('data')
      $(this).parents('li').siblings('li').find('.handle').find('img').attr('src','/web/img/bofang.gif')
      $(this).parents('li').siblings('li').find('.handle').find('img').css('display','none')
      $(this).parents('li').siblings('li').find('.handle').find('i').css('display','inline-block')
      $(this).find('i').css('display','none');
      $(this).find('img').css('display','inline-block');
      audioEle.load();
      if (audioEle.paused) { /*如果已经暂停*/
        audioEle.play();   //播放
      } else {
        audioEle.pause();  //暂停
      }
    }

  })
</script>